/**
 * @ author: 汪孟苹
 */
@charset "utf-8";
.row {	/* 移除.row在bootstrap.css自带的-15px */
	margin-left: 0;
	margin-right:0;
}
@media (max-width: 1024px)  {
    .statics-icon {
        height: 48px !important;
        width: 48px !important;
    }
    .dashboard-report-card > .row > div {
		padding-left: 10px;
		padding-right: 10px; 
	}
}
.statics-icon {
    height: 60px;
    width: 60px;
}
.dashboard-card-list>.col-md-2:first-child {
    padding-left: 0px;
}
.dashboard-card-list>.col-md-2 {
    padding-right: 0;
    width: 20%! important;
}
.dashboard-report-card  {
	box-shadow: 0 1px 10px #B7C3D2;
	background-color: #FFFFFF;
	padding: 1em;
	height: 6.4em;
	margin-bottom: 15px;
}
.dashboard-report-card > .row {
	margin-left: -15px;
	margin-right: -15px;
}
.dashboard-add {
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: #119BA9;
}
.dashboard-add-icon {
    font-size: 3.2em;
}
.dashboard-add-label {
    font-size: 12px;
}
.dashboard-report-icon {
    font-size: 3.2em;
    color: #B7C3D2;
}
.dashboard-report-val {
    color: #94A3B5;
}
.dashboard-report-val span {
	font-size: 26px;
}
.dashboard-report-label {
    font-size: 0.8em;
    color: #94A3B5;
}
.ws-bottom-left {
	width: 82%;
	background: #fff;
	padding: 0;
	color: #333;
	box-shadow: 0 0 10px #B7C3D2;
}
.ws-bottom-left .tit{
	background: #f5f5f5;
	height: 42px;
	line-height: 13px;
    padding:16px 0 0 8px;
	overflow: hidden;
}
.ws-bottom-left .tit > div > .input-group,
.ws-bottom-left .tit > div > .select {
	margin-top: 4.5px;
}
.ws-bottom-left .tit > div > .input-group {
	cursor: pointer;
}
.ws-bottom-left .con {
	min-height: 428px;
}
/* babycard begin */ 
.babycard-null {
	margin-top: 170px;
	text-align: center;
	font-size: 20px;
	color: #999;
}
/* 计划随访患者.列表 默认样式 */
.babycard {
	position: relative;
	height: 118px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 0.7em;
}
.babycard.clickbabycard {
	cursor: pointer;
}
.babycard:nth-child(4n) {
	border-right: none;
}
.babycard.clickbabycard:hover {
	font-weight: 600;
    box-shadow: 0 1px 10px #C1CFE0;
}
.babycard-icon {
	height: 100%;
    padding: 0.5em 0 0.5em 0.5em;
    color: #43AEA8;
}
.babycard-icon img {
    border-radius: 50%;
    max-width: 30px;
    max-height: 30px;
}
.babycard-name {
	padding: 0.5em 0 0.5em 1em;
    font-size: 1.2em;
    height: 100%;
    max-width: 4.8em;
}
.babycard-tel,
.babycard-queuename {
	padding-left: 10px;
	color: #999;
	font-size: 13px;
}
.babycard-progress {
	margin: 8px 10px 0;
}
.babycard-hisNo{
	position: absolute;
	right: 0.7em;
	top: 0.7em;
	max-width: 40%;
	color: #999;
}
@media (max-width: 1024px)  {
	.babycard {
		padding-top: 1.4em; 
	}
	.babycard-icon {
	    padding: 0.5em 0 0em 0.5em;
	}
	.babycard-icon img {
	    width: 25px;
	    height: 25px;
	}
    .babycard-name {
        padding: .7em 0 0.5em 1.5em !important;
        font-size:1em;
    }
    .babycard-hisNo{
		top: 0.5em;
	}
}
/* 计划随访患者.列表 安医大样式 */
.babycardAhmu {
	height: 107px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 0.8em 0.7em;
}
.babycardAhmu.clickbabycard {
	cursor: pointer;
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { 
	.babycardAhmu:nth-child(2n) {
		border-right: none;
	}
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { 
	.babycardAhmu:nth-child(3n) {
		border-right: none;
	}
}
@media (min-width: @screen-lg-min) {
	.babycardAhmu:nth-child(4n) {
		border-right: none;
	}
}
.babycardAhmu.clickbabycard:hover {
    box-shadow: 0 1px 10px #C1CFE0;
}
.babycardAhmu-hisno{
	width: 40%;
	font-weight: bold;
	color: #3e3e3e;
}
.babycardAhmu-queuename{
	width: 60%;
	color: #9c9c9c;
	font-size: 12px;
	text-align: right;
}
.babycardAhmu-row02{
	margin-top: 8px;
	margin-bottom: 10px;
}
.babycardAhmu-avatar{
	width: 16%;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	text-align: center;
}
.babycardAhmu-avatar img{
	width: 100%;
	height: auto;
	max-width: 35px;
	max-height: 35px;
}
.babycardAhmu-name{
	padding-left: 5%;
	width: 30%;
}
.babycardAhmu-phone{
	width: 52%;
}
.babycardAhmu-name,
.babycardAhmu-phone {
	font-size: 12px;
	color: #909090;
}
.babycardAhmu-name span,
.babycardAhmu-phone span{
	display: block;
	font-size: 14px;
	color: #454545;
}

/* 进度条 */
.progress-wrap {
    height: 5px;
    line-height: 5px;
    border-radius: 4px;
    overflow: hidden;
}
.progress-wrap > div {
	float: left;
    padding: 0 1px; 
    width: 5px;
    height: 5px;
}
.progress-wrap > div > i {
	display: block;
	width: 100%;
	height: 100%;
}
.progress-finish{
    background: #23a9e9;
}
.progress-overdue{
    background: #f2b932;
}
.progress-notstart{
    background: #dddede;
}

.windowBottomPage {
	float: right;
	margin-top: 3.5px;
}
/* end babycard */
.ws-bottom-left .ws-bottom-left-bottom {
	background: #f5f5f5;
	height: 40px;
	line-height: 40px;
}

.ws-bottom-left-bottom > div:nth-child(1) {
	width: 30%;
}
.ws-bottom-left-bottom > div:nth-child(2) {
	width: 70%;
}

.ws-bottom-right {
	padding-right: 0;
	width: 18%;
}
.ws-bottom-right .panel{
	box-shadow: 0 0 10px #B7C3D2;
	margin-bottom: 0;
}
.ws-bottom-right .panel-title{
	font-size: 14px;
	line-height: 20px;
}
.ws-bottom-right .panel-body{
	padding: 0;
}
.ws-bottom-right .con {
	min-height: 468px;
	height: 468px;
	overflow-y: auto;
}
.ws-bottom-right .con .baby-done{
	cursor: pointer; 
	background-color: #f7f7f7;
	color:#333;
}
.baby-done {
	padding: 10px; 
	font-size: 12px;
	border-top: 1px solid #bbb;
}
.ws-bottom-right .con .baby-done.active {
	background-color: #009688;
	color:#fff;
}
.baby-done > div {
	padding-left: 0;
	padding-right: 0; 
}
@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}}
@keyframes bounceIn {from,20%,40%,60%,80%,to{
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
.circle{
	border: .3em solid #fcb6b6;
	border-radius: 50%;
	width: 180px;
    height: 180px;
	position: relative;
	margin: 0 auto;
	font-size: 1.6em;
	opacity: 1;
	padding-top: 1.3rem;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-duration: .75s;
	-webkit-animation-name: bounceIn;
}
#maxScore{
	font-size: 50px;font-weight: 800;color: rgb(255, 0, 0);margin-top: 20px;
}
#maxScore + .result{
	font-size:.6em;
	position: absolute;
	bottom:1em;
	text-align:center;
	width:100%;
	margin: 0 auto;
	left:0;
	right:0;
}
.solid_l{
	border-left: 5px solid #fcb6b6;
	height: 1.6em;
	top: 1em;
	display: inline-block;
	position: absolute;
}
.docGuid{
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    display: block;
     width: 80%;
    padding: 1rem;
    margin: 1rem 1rem 1rem 3rem;
}
.answerName{
	color:#009688;
}
.underline{
	border-bottom: 1px solid #009688;
}
.print{
	color:#009688;
	float:right;
	cursor: pointer;
	line-height: 15px;
	font-size: 14px;
}
.mabcDetail-top .row{
	margin-right: -15px;
    margin-left: -15px;
}
.tx-r{
	text-align: right;
}
.panel-title.goBack{
	color:#337ab7;
	padding: 0;
	cursor: pointer;
	text-align: right;
}
.fa.panel-title{
	padding: 0;
	white-space: pre
}
.textarea{
	border: 1px solid rgb(169, 169, 169);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    display: block;
    width: 80%;
    padding: 1rem;
    min-height: 8rem;
    margin: 1rem 1rem 1rem 3rem;
}
.saveGuide{
	position: relative;
    right: 10%;
    display: block;
    text-align: right;
    margin-right: 4rem;
    color: #fcb6b6;
    font-size: 1.6rem;
    cursor: pointer;
}
